/**
 * Created by yoyoyk on 2017/3/20.
 */
import React , {Component}from 'react';
import { Modal, Button } from 'antd';
import InputBox from '../../common/InputBox.js'
import Select from '../../common/Select.js'
import  Confirm from '../../common/Confirm.js'



export default class Check extends React.Component {
    constructor(props){
        super(props);
        this.state = { visible: false }
        this.Style={};


    }

    componentWillMount() {
        this.Style.addstaffview={
            textAlign:"center",
            display:"block",
            border:"3px solid green"
        }
        this.Style.addstaffview.border = "3px solid red";
        this.Style.addstaffview.width = 400;
        this.Style.addstaffview.height = 200;
        this.Style.addstaffview.fontSize = 30;


        this.Style.headerview={
            width:"634px",
            height:"44px",
            paddingLeft:"18px",
            lineHeight:"44px",
            display:"block",
            background:"#ccc",
            marginBottom:49
        }
    }

    state = { visible: false }
    showModal = () => {
        this.setState({
            visible: true,
        });
    }
    handleOk = (e) => { 
        this.setState({
            visible: false,
        });
    }
    handleCancel = (e) => {
        // console.log(e);
        this.setState({
            visible: false,
        });
    }

    handleClick(){
        //console.log("222")
    }

    render(){
        return (
            <Modal visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel} style={{width:"634px",height:"565px",display:"block"}} title={"查看订单"}>
                <div style={{width:490,height:260,border:"1px solid #ccc",margin:"0 auto"}}>
                    <p style={{height:14,marginLeft:"28px",marginTop:"18px"}}>订单编号：<span>cy-20170302-001</span></p>
                    <p style={{height:14,marginLeft:"28px",marginTop:"25px"}}>发布时间：<span>2017-02-28</span></p>
                    <p style={{height:14,marginLeft:"28px",marginTop:"25px"}}>甲方：<span>山东省德州市才衣坊</span></p>
                    <p style={{height:14,marginLeft:"28px",marginTop:"25px"}}>采购商品：<span>面料</span></p>

                    <div className="recevie" style={{width:482,height:58,borderTop:"1px dashed #ccc",margin:"50px auto"}}>
                        <span style={{width:28,height:28,border:"1px solid #bcbcbc",background:"#f2f2f2",display:"block",marginLeft:"8px",marginTop:"10px",float:"left"}}></span>
                        <span style={{width:140,marginTop:"16px",display:"block",marginLeft:"12px",float:"left"}}>[待接单] 订单已发布</span>
                        <span style={{width:70,height:26,border:"1px solid #e7e7e7",float:"right",marginTop:"14px",textAlign:"center",lineHeight:"26px",borderRadius:"8px",cursor:"pointer"}} onClick={this.handleClick.bind(this)}>接单</span>
                    </div>
                </div>
            </Modal>
        )
    }
}
